<nz-layout class="overspread">
  <nz-sider [nzWidth]="230" [nzCollapsed]="isCollapsed" [nzTrigger]="triggerTemplate" class="parent">
    <div class="brand">
      <span>Source</span>
      <span>Check</span>
    </div>
    <span class="child">
      <app-sidebar [isCollapsed]="isCollapsed"></app-sidebar>
    </span>
  </nz-sider>
  <div (click)="toggleCollapsed()" class="sider-collapse">
    <i nz-icon [type]="isCollapsed?'right':'left'"></i>
  </div>
  <nz-layout>
    <nz-header>
      <div nz-row nzGutter="16" nzType="flex" nzJustify="end">
        <div nz-col nzAlign="middle">
          <nz-input-group [nzSuffix]="suffixIconSearch" class="search">
            <input type="text" nz-input placeholder="input search text" class="radius-input">
          </nz-input-group>
          <ng-template #suffixIconSearch>
            <i nz-icon type="search" theme="outline"></i>
          </ng-template>
        </div>
        <div nz-col>
          <i nz-icon type="user" theme="outline" class="header-user"></i>
          <span>欢迎</span>
          <span style="font-size: 18px;font-weight: 600;">&nbsp;{{ username }}&nbsp;</span>
          <span>管理员</span>&nbsp;
          <i nz-icon type="logout" theme="outline" (click)="logout()"></i>
        </div>
      </div>
    </nz-header>
    <nz-content class="content">
      <!-- <app-breadcrumb></app-breadcrumb> -->
      <router-outlet></router-outlet>
    </nz-content>
  </nz-layout>
</nz-layout>